<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0 , maximum-scale= 1.0, minimum-scale = 1.0,  user-saclable = no">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>write-word</title>
  <link rel="stylesheet" href="./word.css">
</head>
<body>
  <canvas id="canvas"></canvas>
  <div class="controller">
    <span class="color_btn active" id="black"></span>
    <span class="color_btn" id="orange"></span>
    <span class="color_btn" id="yellow"></span>
    <span class="color_btn" id="red"></span>
    <span class="color_btn" id="green"></span>
    <span class="color_btn" id="blue"></span>

    <span class="clear-btn" id="clear">清除</span>
    <div style="clear: both"></div>
  </div>

  
  <script src="https://cdn.bootcss.com/jquery/2.1.3/jquery.min.js"></script>
  <script src="./word.js"></script>
</body>
</html>